<template>
    <div class="wc-line" :class="{'wc-line_margin': isMargin}" :style="{'background-color': color}"></div>
</template>
<script>
export default {
    name: 'vue-line',
    props: {
        color: {
            type: String,
            default: '#EAEFF3'
        },
        isMargin: {
            type: Boolean,
            default: false
        }
    }
}
</script>
<style lang="less" scoped>
    @import '~assets/less/variable.less';
    .wc-line {
        width: 100%;
        height: 1px;
        clear: both;
    }
    .wc-line_margin {
        margin: 25px 0;
    }
</style>

